html {
  -webkit-text-size-adjust: none;
}
body {
  color: #ffffff;
  background-color: #000000;
  padding: 2em;
}
h1 {
  font-family: 'Josefin Sans Std Light', 'Helvetica Neue Light',
    helvetica, arial, serif;
  font-size: 24pt;  /*2.3em;*/
  font-weight: bold;
  margin: 0.6em 0 0.2em 0;
}
p {
  color: #999999;
  font-family: 'Molengo', verdana, arial, serif;
  font-size: 10pt;
  margin: 0;
}
a {
  color: inherit;
  text-decoration: underline;
}
a:hover {
  color: #cccccc;
}
.contents {
  margin-bottom: 2em;
}
footer {
  font-family: 'Molengo', verdana, arial, serif;
  font-size: 10pt;
  color: #666666;
}

.graph {
  height: 1px;
  margin-top: 4px;
}
.highlight {
  font-size: 150%;
}
.short, .long {
  cursor: pointer;
}

.love, .love .highlight {
  color: #a839b2;
}
.love .graph {
  color: #000000;
  background-color: #a839b2;
}
.hate, .hate .highlight {
  color: #ff0071;
}
.hate .graph {
  color: #000000;
  background-color: #ff0071;
}
.want, .want .highlight {
  color: #ff7700;
}
.want .graph {
  color: #000000;
  background-color: #ff7700;
}
.think, .think .highlight {
  color: #acd030;
}
.think .graph {
  color: #000000;
  background-color: #acd030;
}
.believe, .believe .highlight {
  color: #58aa00;
}
.believe .graph {
  color: #000000;
  background-color: #58aa00;
}
.feel, .feel .highlight {
  color: #00aa78;
}
.feel .graph {
  color: #000000;
  background-color: #00aa78;
}
.wish, .wish .highlight {
  color: #0074ae;
}
.wish .graph {
  color: #000000;
  background-color: #0074ae;
}
.hope, .hope .highlight {
  color: #420cce;
}
.hope .graph {
  color: #000000;
  background-color: #420cce;
}
